/**
 *  @互联家
 *  @互联家商户登陆页面
 */

import React, { Component } from 'react';
import { Platform, StyleSheet, Text, View, Image, TextInput, Button } from 'react-native';

/**
 *  @style 登陆只要样式表导入
 */
import loginStyle from "../styles/login";

/**
 *  @components 登陆按钮组件导入
 */
import LoginButton from '../components/Button';

/**
 *  @image 登陆背景图倒入
 */
const backImage = require('../assets/images/img/loginBackground.png');

export default class App extends Component {

  static navigationOptions = {
    headerTitle: '登陆',
    headerRight: <View />,
    header: null,
    title: ' ',
    gesturesEnabled: false
  };

  handle

  render() {
    return (
      <View style={styles.loginBox}>
        <Image source={backImage} style={styles.backgroundImage} />
        <View style={styles.container}>
          <View style={[styles.containerItem, styles.containerItemOne]}>
            <Text style={styles.containerItemOneTitle}></Text>
            <Text style={styles.containerItemOneTitle}></Text>
            <Text style={styles.containerItemOneTitle}></Text>
            <Text style={styles.containerItemOneTitle}>互联家</Text>
          </View>
          <View style={[styles.containerItem]}>
            <View style={styles.containerItemInputBox}>
              <TextInput style={styles.containerItemInput} placeholder="请输入账号" placeholderTextColor="#ffffff" />
            </View>
            <View style={styles.containerItemInputBox}>
              <TextInput style={styles.containerItemInput} placeholder="请输入密码" placeholderTextColor="#ffffff" secureTextEntry={true} />
            </View>
            <LoginButton name="登&nbsp;录" handle={() => this.props.navigation.navigate('Index')} />
          </View>
        </View>
      </View>
    );
  }
};

const styles = StyleSheet.create(loginStyle);